<template>
  <a-col :lg="6" :md="12" :sm="24">
    <a-form-item label="姓名" name="name">
      <a-input
          placeholder="请输入姓名"
          v-model:value="form.name"
      />
    </a-form-item>
  </a-col>

  <a-col :lg="6" :md="12" :sm="24">
    <a-form-item label="学号" name="id">
      <a-input
          placeholder="请输入学号"
          v-model:value="form.id"
      />
    </a-form-item>
  </a-col>
</template>

<script>
import {Button, Col, DatePicker, Form, Input, Row, Select} from "ant-design-vue";
import { DownOutlined } from '@ant-design/icons-vue';
const FormItem = Form.Item;
const { Option } = Select;
const {RangePicker} = DatePicker;
export default {
  name: "SearchItem.vue",
  components: {
    DownOutlined,
    ARow: Row,
    ACol: Col,
    AForm: Form,
    AButton: Button,
    AInput: Input,
    ARangePicker: RangePicker,
    AFormItem: FormItem,
    ASelect: Select,
    ASelectOption: Option,
  },
  data:{
    form:{
      name:'',
      id:''
    }
  },
  methods:{

  }
}
</script>

<style scoped>

</style>